<template>
  <div class="app">
      <h3 class="title">登录页面</h3>
      <div>
        角色：<select v-model="type">
          <option value="">--请选择--</option>
          <option value="1">学生</option>
          <option value="2">管理员</option>
        </select>
      </div>
      <div>账号：<input type="text" v-model="user.phone"> </div>
      <div>密码：<input type="text" v-model="user.password"> </div>
      <button @click="login">登录</button>
      <router-link to="/register">注册</router-link>
  </div>
</template>

<script>
import { reqLogin } from '../../http/http'
export default {
data(){
  return {
     type:"2",
    user:{
      phone:"",
      password:""
    }
  }
},
methods:{
  login(){
    if(this.type===""){
        alert("请选择角色")
        return;
      }
    reqLogin(this.user).then(res=>{
      console.log(res);
if(res.data.code==200){
  // 村用户信息
  localStorage.setItem("user",JSON.stringify(res.data.list))
// 存登录状态
localStorage.setItem("isLogin","true")
localStorage.setItem("type",this.type)
// 跳转页面
this.$router.push("/index/home")
}else{
   alert("账号密码错误")
   this.user.phone=""
   this.user.password=""
}
    })
  }
}
}
</script>

<style>

</style>